<template>
  <div class="other-settings views-container">
      <div v-if="modify==true" style="position: sticky;top: 0px;z-index: 100;background: #ffffff;margin-bottom:20px;border-bottom: 1px solid #eee;" v-loading="loading8">
        <choose-files ref="chooseFiles" :config="chooseFilesImage" :changeEvt="uploadChange" style="display:none;"></choose-files>
         <el-table
         :data="tableData"
         :row-class-name="tableRowClassName"
          style="width: 100%"
          height="200"
          >
          <el-table-column
            label="数据项备注"
            width="180">
             <template slot-scope="scope">
                <el-input v-model="scope.row.name" :disabled="scope.$index == index ? false : true"></el-input>
              </template>
          </el-table-column>
          <el-table-column
            label="计算公式" width="900">
             <template slot-scope="scope">
                <div v-if="!!!formula_arr[scope.$index]">
                  <el-input :disabled="modify_s==false"></el-input>
                </div>
                <div v-else>
                <el-tag v-for="tag in formula_arr[scope.$index]"  :key="Math.random(tag.key)"  :closable='scope.$index == index ? true : false'  :type="tag.info" @close="handleClose(tag)"> {{tag.name}}</el-tag>
                </div>
              </template>
          </el-table-column>
          <el-table-column label="排序">
            <template slot-scope="scope">
              <el-input v-model="scope.row.order" :disabled="scope.$index == index ? false : true"></el-input>
            </template>
          </el-table-column>
            <el-table-column label="选择图片">
                                <template slot-scope="scope">
                                    <img class="update-load"   v-if="scope['row']['file']" :src="scope.row.file&&scope.row.file.length? scope.row.file[0]['file_path'] :''"  width="50" height="50" @click="uploadColumn(scope.$index)" />
                                    <div v-else class="flex-row flex-align-c flex-justify-c update-load" @click="uploadColumn(scope.$index)">
                                        <i class="el-icon-plus avatar-uploader-icon" ></i>
                                    </div>
                                </template>
              </el-table-column>
          <el-table-column
            label="操作"
            width="300">
             <template slot-scope="scope">
                <el-button type="text" @click="editbtn(scope.$index)">编辑</el-button>
                <el-button type="text" @click="datadel(scope)">删除</el-button>
              </template>
          </el-table-column>
        </el-table>
        <div style="display:flex; justify-content:space-between">
               <div style="padding:20px;">
          运算符
            <span style="margin-left:20px;">
                <el-button type="primary" plain @click="gsSelect('(','(','info')">(</el-button>
                <el-button type="primary" plain @click="gsSelect(')',')','info')">)</el-button>
                <el-button type="primary" plain @click="gsSelect('+','+','info')">+</el-button>
                <el-button type="primary" plain @click="gsSelect('-','-','info')">-</el-button>
                <el-button type="primary" plain @click="gsSelect('*','*','info')">*</el-button>
                <el-button type="primary" plain @click="gsSelect('/','/','info')">/</el-button>
            </span>
            <span style="margin-left:20px;">
          <el-button type="text" @click="dataAdd">添加数据项</el-button>
            </span>
        </div>
        <div style="padding:10px 10px 10px 20px;">
           <el-button type="primary" @click="save">保存</el-button>
           <el-button type="info" @click="modify=false">取消</el-button>
        </div>
        </div>
     
      </div>
    <div class="wlm-form" v-loading="loading20" v-if="modify==false">
      <div
        class="wlm-form-header"
        style="display:flex;justify-content:space-between;"
      >
        <div>
           <span>自定义统计</span>
         <span style="color:#999;font-size:10px;margin-left:10px;font-weight: 300;">
          更新时间：{{data_update_time20}}
          <el-button type="text" @click="updatabtn20">更新数据</el-button>
        </span>
        </div>
        <div>
          <el-button type="text" @click="modifybtn">修改自定义数据</el-button>
          
        </div>
      </div>

      
      <div class="wlm-form-content" v-if="modify==false">
        <el-button type="primary" plain size="mini" @click="querybtn(1)">全部</el-button>
        <el-button type="primary" plain size="mini" @click="querybtn(2)">今日</el-button>
        <el-button type="primary" plain size="mini" @click="querybtn(3)">昨日</el-button>
        <el-button type="primary" plain size="mini" @click="querybtn(4)">本周</el-button>
        <el-button type="primary" plain size="mini" @click="querybtn(5)">本月</el-button>
        <el-button type="primary" plain size="mini" @click="querybtn(6)">季度</el-button>
        <el-button type="primary" plain size="mini" @click="querybtn(7)">本年</el-button>
        <div style="margin-top:20px">
          <el-date-picker
          v-model="formData1.times"
          type="datetimerange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            style="width:400px;"
            :default-time="['00:00:00', '23:59:59']"
          >
          </el-date-picker>
          <el-button type="primary" plain size="small" style="margin-left:20px;" @click="querybtn20" :disabled='!!formData1.times?false:true'>查询</el-button>
        </div>
       <div style="display:flex; flex-wrap:wrap;">
          <div class="form-view" v-for="(item,index) in self_tableData" :key="index">
              <!-- <img style="width:40px;height:40px;" :src="getPath('组1.png')"> -->
                 <img style="width:40px;height:40px;" :src="item.file.length!=0?item.file[0].file_path:`${getPath('组1.png')}`">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">{{item.name}}</div>
                  <div style="font-weight: bold;font-size: 16px;">{{item.value}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;">更新中</div>
                </div>
        </div>
       </div>
      </div>
    </div>
  
    <div class="wlm-form" v-loading="loading1">
      <div
        class="wlm-form-header"
      >
        <span>交易统计</span>
         <span style="color:#999;font-size:10px;margin-left:10px;font-weight: 300;">
          更新时间：{{formData1.data_update_time}}
          <el-button type="text" @click="updatabtn1">更新数据</el-button>
        </span>
      </div>
       
      <div class="wlm-form-content">
        <el-button type="primary" plain size="mini" @click="clickbnt1(1)">全部</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt1(2)">今日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt1(3)">昨日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt1(4)">本周</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt1(5)">本月</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt1(6)">季度</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt1(7)">本年</el-button>
        <div style="margin-top:20px">
          <el-date-picker
          v-model="formData1.time"
            type="datetimerange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            style="width:400px;"
            :default-time="['00:00:00', '23:59:59']"
          >
          </el-date-picker>
          <el-button type="primary" plain size="small" style="margin-left:20px;" @click="querybtn1" :disabled='!!formData1.time?false:true'>查询</el-button>
        </div>
       <div style="display:flex; flex-wrap:wrap;">
         <!-- {{checked}}
         {{checked.indexOf('$model->totalTurnover()') == -1 ? false : true}} -->
          <div class="form-view" @click="gsSelect('$model->totalTurnover()','总交易额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(8).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">总交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.totalTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
            <!-- <div style="position: absolute;width:180px;height:100px;background:red;">
               <img style="width:32px;height: 32px" src="../../assets/image/right-gou.png" alt="">

            </div> -->
                  <!-- <el-checkbox :checked="checked.indexOf('$model->totalTurnover()') == -1 ? false : true"></el-checkbox> -->
        </div>
         <div class="form-view" @click="gsSelect('$model->goodsTurnover()','商品交易额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(9).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商品交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.goodsTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->memberCardTurnover()','会员卡交易额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(10).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">会员卡交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.memberCardTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->orderLuckTotalTurnover()','付费抽奖交易额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(11).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">付费抽奖交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.orderLuckTotalTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->orderLiveTotalTurnover()','付费直播申请交易额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(12).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">付费直播申请交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.orderLiveTotalTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->orderAssistTotalTurnover()','付费任务宝交易额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(13).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">付费任务宝交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.orderAssistTotalTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->spikeTurnover()','秒杀交易额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(69).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">秒杀交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.spikeTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->groupTurnover()','拼团交易额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(14).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">拼团交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.groupTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->bargainingTurnover()','砍价交易额')">
           <!-- -------------------------------------------------------------------------------------------------------------------------------- -->
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组1.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">砍价交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.bargainingTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->weChatTurnover()','微信支付金额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('1.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">微信支付金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.weChatTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->aliPayTurnover()','支付宝支付金额')">
                          <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('zhifu.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">支付宝支付金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.aliPayTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->adminTurnover()','后台支付金额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(17).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">后台支付金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.adminTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->balanceTurnover()','余额支付金额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(18).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">余额支付金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.balanceTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->kamMiTurnover()','卡密交易额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('3.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">卡密交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.kamMiTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->orderBalanceTotalTurnover()','余额充值交易额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('4.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">余额充值交易额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.orderBalanceTotalTurnover}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->orderPayPriceSum()','商品订单总金额')">
                            <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('5.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商品订单总金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.orderPayPriceSum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newOrderPayPriceSum()','新增商品订单总金额')">
                            <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('6.png')">

                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增商品订单总金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.newOrderPayPriceSum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->orderPayPrice()','商品订单付款金额')">
                            <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('7.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商品订单付款金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.orderPayPrice}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->orderPayUserNumber()','付款人数')">
                            <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('8.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">付款人数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData1.orderPayUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
       </div>
      </div>
    </div>
    <div class="wlm-form" v-loading="loading2">
    <div
        class="wlm-form-header"
      >
        <span>用户统计</span>
         <span style="color:#999;font-size:10px;margin-left:10px;font-weight: 300;">
          更新时间：{{formData2.data_update_time}}
          <el-button type="text" @click="updatabtn2">更新数据</el-button>
        </span>
      </div>
      <div class="wlm-form-content">
        <el-button type="primary" plain size="mini" @click="clickbnt2(1)">全部</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt2(2)">今日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt2(3)">昨日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt2(4)">本周</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt2(5)">本月</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt2(6)">季度</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt2(7)">本年</el-button>
        <div style="margin-top:20px">
          <el-date-picker
          v-model="formData2.time"
            type="datetimerange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            style="width:400px;"
            :default-time="['00:00:00', '23:59:59']"
          >
          </el-date-picker>
          <el-button type="primary" plain size="small" style="margin-left:20px;" @click="querybtn2" :disabled='!!formData2.time?false:true'>查询</el-button>
        </div>
       <div style="display:flex; flex-wrap:wrap;">
          <div class="form-view" @click="gsSelect('$model->userNumberSum()','用户总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(19).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">用户总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.userNumberSum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->bindMobileUserNumber()','已绑定手机号用户数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(20).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已绑定手机号用户数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.bindMobileUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->noBindMobileUserNumber()','未绑定手机号用户数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(21).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">未绑定手机号用户数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.noBindMobileUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->weChatUserNumber()','公众号渠道用户')">
          <!-- ------------------------------------------------------------------------------------------------------- -->
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(11).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">公众号渠道用户</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.weChatUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->sAppUserNumber()','小程序渠道用户')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(23).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">小程序渠道用户</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.sAppUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->aliPayUserNumber()','支付宝渠道用户')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(24).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">支付宝渠道用户</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.aliPayUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
                 
        </div>
         <div class="form-view" @click="gsSelect('$model->baiDuUserNumber()','百度小程序用户')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('baidu.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">百度小程序用户</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.baiDuUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
                 
        </div>

         <!-- 
           2021年5月8日11:42:07注释
           <div class="form-view" @click="gsSelect('$model->lossUserNumber()','流失用户')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(25).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">
                    流失用户
                        <el-popover
                            placement="top"
                            width="200"
                            v-model="visible1">
                           <el-input placeholder=""  size="mini" v-model="loss_user_date" style="width:60px;"></el-input>  天未访问网站
                            <div style="text-align: right; margin-top:10px;" >
                              <el-button size="mini" type="text" @click="visible1=false">取消</el-button>
                              <el-button type="primary" size="mini" @click="quebtn(1)">确定</el-button>
                            </div>
                            <div slot="reference" style="display:inline">
                             <i class="el-icon-s-tools" style="cursor:pointer"></i>
                            </div>
                          </el-popover>
                  </div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.lossUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
                 
        </div> -->
         <div class="form-view" @click="gsSelect('$model->potentialUserNumber()','潜在用户')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(26).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">潜在用户
                     <el-popover
                            placement="top"
                            width="260"
                            v-model="visible2">
                           <el-input placeholder="" size="mini" v-model="potential_user_date_1" style="width:60px;"></el-input>  天- <el-input placeholder="" size="mini" v-model="potential_user_date_2" style="width:60px;"></el-input>  天未访问
                            <div style="text-align: right; margin-top:10px;" >
                              <el-button size="mini" type="text" @click="visible2=false">取消</el-button>
                              <el-button type="primary" size="mini" @click="quebtn(2)">确定</el-button>
                            </div>
                            <div slot="reference" style="display:inline">
                             <i class="el-icon-s-tools" style="cursor:pointer"></i>
                            </div>
                          </el-popover>
                  </div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.potentialUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->haveOrderUserNumber()','已下单用户数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(27).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已下单用户数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.haveOrderUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->haveNotOrderUserNumber()','未下单用户数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(28).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">未下单用户数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.haveNotOrderUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newUserNumber()','新用户')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(29).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新用户</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.newUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->activeUserNumber()','活跃用户')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(30).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">活跃用户
                      <el-popover
                            placement="top"
                            width="260"
                            v-model="visible3">
                             <el-input placeholder="" size="mini" v-model="active_user_date" style="width:60px;"></el-input> 天内下单 <el-input placeholder="" size="mini" v-model="active_user_order" style="width:60px;"></el-input> 笔
                            <div style="text-align: right; margin-top:10px;" >
                              <el-button size="mini" type="text" @click="visible3=false">取消</el-button>
                              <el-button type="primary" size="mini" @click="quebtn(3)">确定</el-button>
                            </div>
                            <div slot="reference" style="display:inline">
                             <i class="el-icon-s-tools" style="cursor:pointer"></i>
                            </div>
                          </el-popover>
                  </div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.activeUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->haveInWeChatUserNumber()','已关注公众号用户')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('9.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已关注公众号用户</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.haveInWeChatUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->vipUserNumber()','会员用户总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('huiyuan.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">会员用户总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.vipUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newVipUserNumber()','新增会员用户总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('11.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增会员用户总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData2.newVipUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
       </div>
      </div>
    </div>
    <div class="wlm-form" v-loading="loading3">
     <div
        class="wlm-form-header"
      >
        <span>分销统计</span>
         <span style="color:#999;font-size:10px;margin-left:10px;font-weight: 300;">
          更新时间：{{formData3.data_update_time}}
          <el-button type="text" @click="updatabtn3">更新数据</el-button>
        </span>
      </div>
      <div class="wlm-form-content">
        <el-button type="primary" plain size="mini"  @click="clickbnt3(1)">全部</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt3(2)">今日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt3(3)">昨日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt3(4)">本周</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt3(5)">本月</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt3(6)">季度</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt3(7)">本年</el-button>
        <div style="margin-top:20px">
          <el-date-picker
          v-model="formData3.time"
            type="datetimerange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            style="width:400px;"
            :default-time="['00:00:00', '23:59:59']"
          >
          </el-date-picker>
          <el-button type="primary" plain size="small" style="margin-left:20px;" @click="querybtn3" :disabled='!!formData3.time?false:true'>查询</el-button>
        </div>
       <div style="display:flex; flex-wrap:wrap;">
          <div class="form-view" @click="gsSelect('$model->dealerNumberSum()','分销商总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(31).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">分销商总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerNumberSum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->customerNumber()','客户总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(32).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">客户总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.customerNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerOrderNumber()','分销总订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(33).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">分销总订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerOrderNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->dealerFirstOrderNumber()','有一级佣金订单总数')">
          <!-- ------------------------------------------------------------------------------------------------------------------- -->
              <img style="width:40px;height:40px;" :src="getPath('组 1(35).png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有一级佣金订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerFirstOrderNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerSecondOrderNumber()','有二级佣金订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('组 1(36).png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有二级佣金订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerSecondOrderNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->dealerThirdOrderNumber()','有三级佣金订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('组 1(37).png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有三级佣金订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerThirdOrderNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerSettledOrderCount()','已结算订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('12.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">已结算订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerSettledOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerUnSettledOrderCount()','未结算订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('13.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">未结算订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerUnSettledOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerOnSettledOrderCount()','结算中订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('14.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">结算中订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerOnSettledOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerSettledFirstOrderCount()','有一级佣金订单结算数')">
              <img style="width:40px;height:40px;" :src="getPath('15.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有一级佣金订单结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerSettledFirstOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerUnSettledFirstOrderCount()','有一级佣金订单未结算数')">
              <img style="width:40px;height:40px;" :src="getPath('16.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有一级佣金订单未结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerUnSettledFirstOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerOnSettledFirstOrderCount()','有一级佣金订单结算中数')">
              <img style="width:40px;height:40px;" :src="getPath('17.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有一级佣金订单结算中数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerOnSettledFirstOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerSettledSecondOrderCount()','有二级佣金订单结算数')">
              <img style="width:40px;height:40px;" :src="getPath('18.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有二级佣金订单结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerSettledSecondOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerUnSettledSecondOrderCount()','有二级佣金订单未结算数')">
              <img style="width:40px;height:40px;" :src="getPath('19.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有二级佣金订单未结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerUnSettledSecondOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerOnSettledSecondOrderCount()','有二级佣金订单结算中数')">
              <img style="width:40px;height:40px;" :src="getPath('20.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有二级佣金订单结算中数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerOnSettledSecondOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerSettledThirdOrderCount()','有三级佣金订单结算数')">
              <img style="width:40px;height:40px;" :src="getPath('21.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有三级佣金订单结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerSettledThirdOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerUnSettledThirdOrderCount()','有三级佣金订单未结算数')">
              <img style="width:40px;height:40px;" :src="getPath('22.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有三级佣金订单未结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerUnSettledThirdOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerOnSettledThirdOrderCount()','有三级佣金订单结算中数')">
              <img style="width:40px;height:40px;" :src="getPath('23.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">有三级佣金订单结算中数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerOnSettledThirdOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerOrderMoney()','分销订单总金额')">
              <img style="width:40px;height:40px;" :src="getPath('24.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">分销订单总金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerOrderMoney}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerOrderCommission()','分销佣金总金额')">
              <img style="width:40px;height:40px;" :src="getPath('fenx.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">分销佣金总金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerOrderCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>


           <div class="form-view" @click="gsSelect('$model->settledDealerOrderCommission()','已结算分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('25.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">已结算分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.settledDealerOrderCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
           <div class="form-view" @click="gsSelect('$model->unSettledDealerOrderCommission()','未结算分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('26.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">未结算分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.unSettledDealerOrderCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
           <div class="form-view" @click="gsSelect('$model->onSettledDealerOrderCommission()','结算中分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('27.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">结算中分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.onSettledDealerOrderCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
           <div class="form-view" @click="gsSelect('$model->dealerOrderFirstCommission()','分销一级佣金总金额')">
              <img style="width:40px;height:40px;" :src="getPath('28.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">分销一级佣金总金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerOrderFirstCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
           <div class="form-view" @click="gsSelect('$model->settledDealerOrderFirstCommission()','已结算一级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('29.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">已结算一级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.settledDealerOrderFirstCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
           <div class="form-view" @click="gsSelect('$model->unSettledDealerOrderFirstCommission()','未结算一级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('30.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">未结算一级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.unSettledDealerOrderFirstCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
           <div class="form-view" @click="gsSelect('$model->onSettledDealerOrderFirstCommission()','结算中一级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('31.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">结算中一级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.onSettledDealerOrderFirstCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        

         <div class="form-view" @click="gsSelect('$model->dealerOrderSecondCommission()','分销二级佣金总金额')">
              <img style="width:40px;height:40px;" :src="getPath('32.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">分销二级佣金总金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerOrderSecondCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->settledDealerOrderSecondCommission()','已结算二级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('33.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">已结算二级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.settledDealerOrderSecondCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->unSettledDealerOrderSecondCommission()','未结算二级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('34.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">未结算二级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.unSettledDealerOrderSecondCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->onSettledDealerOrderSecondCommission()','结算中二级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('35.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">结算中二级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.onSettledDealerOrderSecondCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->dealerOrderThirdCommission()','分销三级佣金总金额')">
              <img style="width:40px;height:40px;" :src="getPath('36.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">分销三级佣金总金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.dealerOrderThirdCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->settledDealerOrderThirdCommission()','已结算三级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('jiesuan.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">已结算三级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.settledDealerOrderThirdCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->unSettledDealerOrderThirdCommission()','未结算三级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('38.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">未结算三级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.unSettledDealerOrderThirdCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->onSettledDealerOrderThirdCommission()','结算中三级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('39.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">结算中三级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.onSettledDealerOrderThirdCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerNumberSum()','新增分销商人数')">
              <img style="width:40px;height:40px;" :src="getPath('40.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增分销商人数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerNumberSum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newCustomerNumber()','新增客户数')">
              <img style="width:40px;height:40px;" :src="getPath('xinz.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增客户数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newCustomerNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerOrderNumber()','新增分销总订单数')">
              <img style="width:40px;height:40px;" :src="getPath('41.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增分销总订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerOrderNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newDealerFirstOrderNumber()','新增有一级佣金订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('42.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有一级佣金订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerFirstOrderNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newDealerSecondOrderNumber()','新增有二级佣金订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('43.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有二级佣金订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerSecondOrderNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newDealerThirdOrderNumber()','新增有三级佣金订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('44.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有三级佣金订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerThirdOrderNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerSettledOrderCount()','新增已结算订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('45.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增已结算订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerSettledOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerUnSettledOrderCount()','新增未结算订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('46.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增未结算订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerUnSettledOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerOnSettledOrderCount()','新增结算中订单总数')">
              <img style="width:40px;height:40px;" :src="getPath('47.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增结算中订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerOnSettledOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newDealerSettledFirstOrderCount()','新增有一级佣金订单结算数')">
              <img style="width:40px;height:40px;" :src="getPath('48.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有一级佣金订单结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerSettledFirstOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newDealerUnSettledFirstOrderCount()','新增有一级佣金订单未结算数')">
              <img style="width:40px;height:40px;" :src="getPath('49.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有一级佣金订单未结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerUnSettledFirstOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerOnSettledFirstOrderCount()','新增有一级佣金订单结算中数')">
              <img style="width:40px;height:40px;" :src="getPath('50.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有一级佣金订单结算中数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerOnSettledFirstOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerSettledSecondOrderCount()','新增有二级佣金订单结算数')">
              <img style="width:40px;height:40px;" :src="getPath('18.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有二级佣金订单结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerSettledSecondOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerUnSettledSecondOrderCount()','新增有二级佣金订单未结算数')">
              <img style="width:40px;height:40px;" :src="getPath('52.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有二级佣金订单未结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerUnSettledSecondOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerOnSettledSecondOrderCount()','新增有二级佣金订单结算中数')">
              <img style="width:40px;height:40px;" :src="getPath('53.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有二级佣金订单结算中数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerOnSettledSecondOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
           <div class="form-view" @click="gsSelect('$model->newDealerSettledThirdOrderCount()','新增有三级佣金订单结算数')">
              <img style="width:40px;height:40px;" :src="getPath('54.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有三级佣金订单结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerSettledThirdOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerUnSettledThirdOrderCount()','新增有三级佣金订单未结算数')">
              <img style="width:40px;height:40px;" :src="getPath('55.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有三级佣金订单未结算数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerUnSettledThirdOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerOnSettledThirdOrderCount()','新增有三级佣金订单结算中数')">
              <img style="width:40px;height:40px;" :src="getPath('56.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增有三级佣金订单结算中数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerOnSettledThirdOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newDealerOrderMoney()','新增分销订单总金额')">
              <img style="width:40px;height:40px;" :src="getPath('57.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增分销订单总金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerOrderMoney}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newDealerOrderCommission()','新增分销佣金总金额')">
              <img style="width:40px;height:40px;" :src="getPath('58.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增分销佣金总金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerOrderCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>







         <div class="form-view" @click="gsSelect('$model->txDealerMoney()','分销提现申请金额')">
              <img style="width:40px;height:40px;" :src="getPath('59.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">分销提现申请金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.txDealerMoney}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->txDealerMoney40()','分销提现已打款金额')">
              <img style="width:40px;height:40px;" :src="getPath('60.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">分销提现已打款金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.txDealerMoney40}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->txDealerCommission()','分销提现申请手续费')">
              <img style="width:40px;height:40px;" :src="getPath('61.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">分销提现申请手续费</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.txDealerCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->txDealerCommission40()','分销提现已打款手续费')">
              <img style="width:40px;height:40px;" :src="getPath('62.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">分销提现已打款手续费</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.txDealerCommission40}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newSettledDealerOrderCommission()','新增已结算分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('63.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增已结算分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newSettledDealerOrderCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newUnSettledDealerOrderCommission()','新增未结算分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('64.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增未结算分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newUnSettledDealerOrderCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newOnSettledDealerOrderCommission()','新增结算中分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('65.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增结算中分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newOnSettledDealerOrderCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newDealerOrderFirstCommission()','新增分销一级佣金总金额')">
              <img style="width:40px;height:40px;" :src="getPath('66.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增分销一级佣金总金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newDealerOrderFirstCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newSettledDealerOrderFirstCommission()','新增已结算一级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('67.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增已结算一级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newSettledDealerOrderFirstCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newUnSettledDealerOrderFirstCommission()','新增未结算一级分销总佣金')">
              <img style="width:40px;height:40px;" :src="getPath('68.png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">新增未结算一级分销总佣金</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData3.newUnSettledDealerOrderFirstCommission}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
       </div>
      </div>
    </div>
    <div class="wlm-form" v-loading="loading4">
     <div
        class="wlm-form-header"
      >
        <span>商家统计</span>
         <span style="color:#999;font-size:10px;margin-left:10px;font-weight: 300;">
          更新时间：{{formData4.data_update_time}}
          <el-button type="text" @click="updatabtn4">更新数据</el-button>
        </span>
      </div>
      <div class="wlm-form-content">
        <el-button type="primary" plain size="mini" @click="clickbnt4(1)">全部</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt4(2)">今日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt4(3)">昨日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt4(4)">本周</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt4(5)">本月</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt4(6)">季度</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt4(7)">本年</el-button>
        <div style="margin-top:20px">
          <el-date-picker
          v-model="formData4.time"
            type="datetimerange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            style="width:400px;"
            :default-time="['00:00:00', '23:59:59']"
          >
          </el-date-picker>
          <el-button type="primary" plain size="small" style="margin-left:20px;" @click="querybtn4" :disabled='!!formData4.time?false:true'>查询</el-button>
        </div>
       <div style="display:flex; flex-wrap:wrap;">
          <div class="form-view" @click="gsSelect('$model->businessCount()','商家总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(38).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商家总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.businessCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->storeCount()','门店总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(39).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">门店总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.storeCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->salClerkCount()','店员数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(40).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">店员数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.salClerkCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->verCodeNumber()','核销码总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(41).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">核销码总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.verCodeNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->hxVerCodeNumber()','已核销数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(42).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已核销数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.hxVerCodeNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->UnHxVerCodeNumber()','未核销数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(43).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">未核销数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.UnHxVerCodeNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->selfCodeNumber()','自提码总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(44).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">自提码总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.selfCodeNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->hxSelfCodeNumber()','已自提数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(45).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已自提数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.hxSelfCodeNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->UnHxSelfCodeNumber()','未自提数量')">
           <!-- ------------------------------------------------------------------------------------------- -->
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(9).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">未自提数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.UnHxSelfCodeNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->entryNumber()','入账数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('69.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">入账数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.entryNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->entryMoney()','入账金额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(48).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">入账金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.entryMoney}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->settlementNumber()','已结算数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('70.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已结算数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.settlementNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->UnSettlementNumber()','未结算数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('71.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">未结算数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.UnSettlementNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->settlementMoney()','已结算金额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('yijiesuan.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已结算金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.settlementMoney}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->unSettlementMoney()','未结算金额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(54).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">未结算金额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.unSettlementMoney}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->businessBalance()','商家余额')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商家余额</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.businessBalance}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->circleNumber()','商圈数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(49).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商圈数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.circleNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->businessClassNumber()','商家分类数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('72.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商家分类数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.businessClassNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newBusinessCount()','新增商家总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('73.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增商家总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.newBusinessCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newStoreCount()','新增门店数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('74.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增门店数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.newStoreCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newSalClerkCount()','新增店员数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('75.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增店员数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.newSalClerkCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newCircleNumber()','新增商圈数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('76.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增商圈数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.newCircleNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newBusinessClassNumber()','新增商家分类数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('77.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增商家分类数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData4.newBusinessClassNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
       </div>
      </div>
    </div>
    <div class="wlm-form" v-loading="loading5">
       <div
        class="wlm-form-header"
      >
        <span>商品统计</span>
         <span style="color:#999;font-size:10px;margin-left:10px;font-weight: 300;">
          更新时间：{{formData5.data_update_time}}
          <el-button type="text" @click="updatabtn5">更新数据</el-button>
        </span>
      </div>
      <div class="wlm-form-content">
        <el-button type="primary" plain size="mini" @click="clickbnt5(1)">全部</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt5(2)">今日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt5(3)">昨日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt5(4)">本周</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt5(5)">本月</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt5(6)">季度</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt5(7)">本年</el-button>
        <div style="margin-top:20px">
          <el-date-picker
          v-model="formData5.time"
            type="datetimerange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            style="width:400px;"
            :default-time="['00:00:00', '23:59:59']"
          >
          </el-date-picker>
          <el-button type="primary" plain size="small" style="margin-left:20px;" @click="querybtn5" :disabled='!!formData5.time?false:true'>查询</el-button>
        </div>
       <div style="display:flex; flex-wrap:wrap;">
          <div class="form-view" @click="gsSelect('$model->goodsNumber()','商品总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(50).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商品总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.goodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->downGoodsNumber()','已上架商品总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('78.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已上架商品总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.downGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->sellOutGoodsNumber()','已下架商品总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('79.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已下架商品总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.sellOutGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->upGoodsNumber()','已售罄商品总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('80.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已售罄商品总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.upGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->hxGoodsNumber()','可核销商品')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(52).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">可核销商品</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.hxGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->ztGoodsNumber()','可自提商品')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(53).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">可自提商品</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.ztGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->kdGoodsNumber()','可快递商品')">
           <!-- ---------------------------------------------------------------------------------------------- -->
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(12).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">可快递商品</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.kdGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->giftGoodsNumber()','礼包商品数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(55).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">礼包商品数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.giftGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->mealGoodsNumber()','套餐商品数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(56).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">套餐商品数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.mealGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->kamMiGoodsNumber()','卡密商品数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(57).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">卡密商品数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.kamMiGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->cgpGoodsNumber()','社区团购商品数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(58).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">社区团购商品数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.cgpGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->ticketingGoodsNumber()','票务商品数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(59).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">票务商品数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.ticketingGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->classGoodsNumber()','商品分类数')">
           <!-- ------------------------------------------------------------------------------------------------- -->
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组1.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商品分类数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.classGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <!-- <div class="form-view" @click="gsSelect('$model->goodsSalesSum()','商品总销量')">
              <img style="width:40px;height:40px;" :src="getPath('组 1(61).png')">
                <div style="padding:10px;">
                  <div style="font-weight: bold;font-size: 14px;">商品总销量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.goodsSalesSum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
                 <el-checkbox v-model="formData5.checked" v-if="modify==true"></el-checkbox>
        </div> -->
        <div class="form-view" @click="gsSelect('$model->goodsStockSum()','商品总库存')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(62).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商品总库存</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.goodsStockSum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->lookGoodsNumber()','商品浏览量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(63).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商品浏览量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.lookGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newGoodsNumber()','新增商品总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('81.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增商品总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.newGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
           <div class="form-view" @click="gsSelect('$model->lookGoodsUserNumber()','浏览人数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('82.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">浏览人数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData5.lookGoodsUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
       </div>
      </div>
    </div>
    <div class="wlm-form" v-loading="loading6">
     <div
        class="wlm-form-header"
      >
        <span>订单统计</span>
         <span style="color:#999;font-size:10px;margin-left:10px;font-weight: 300;">
          更新时间：{{formData6.data_update_time}}
          <el-button type="text" @click="updatabtn6">更新数据</el-button>
        </span>
      </div>
      <div class="wlm-form-content">
        <el-button type="primary" plain size="mini" @click="clickbnt6(1)">全部</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt6(2)">今日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt6(3)">昨日</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt6(4)">本周</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt6(5)">本月</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt6(6)">季度</el-button>
        <el-button type="primary" plain size="mini" @click="clickbnt6(7)">本年</el-button>
        <div style="margin-top:20px">
          <el-date-picker
          v-model="formData6.time"
            type="datetimerange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            style="width:400px;"
            :default-time="['00:00:00', '23:59:59']"
          >
          </el-date-picker>
          <el-button type="primary" plain size="small" style="margin-left:20px;" @click="querybtn6" :disabled='!!formData6.time?false:true'>查询</el-button>
        </div>
       <div style="display:flex; flex-wrap:wrap;">
          <div class="form-view" @click="gsSelect('$model->orderCountSum()','订单总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(64).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.orderCountSum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->orderCount()','商城订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(64).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">商城订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.orderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->luckOrderCount()','抽奖订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(64).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">抽奖订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.luckOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->assistOrderCount()','任务宝订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(64).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">任务宝订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.assistOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->liveOrderCount()','直播订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(64).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">直播订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.liveOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->balanceOrderCount()','余额充值订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(64).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">余额充值订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.balanceOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->hxOrderCount()','核销订单总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(65).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">核销订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.hxOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->ztOrderCount()','自提订单总数')">
           <!-- ----------------------------------------------------------------- -->
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(66).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">自提订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.ztOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->kdOrderCount()','快订单总数')">
           <!-- ----------------------------------------------------------------- -->
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(67).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">快订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.kdOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->kamMiOrderCount()','卡密订单总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(66).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">卡密订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.kamMiOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->pwOrderCount()','票务订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(67).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">票务订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.pwOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->groupOrderCount()','拼团订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(68).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">拼团订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.groupOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->spikeOrderCount()','秒杀订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(69).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">秒杀订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.spikeOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->kjOrderCount()','砍价订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(70).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">砍价订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.kjOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->refundOrderCount()','已退款订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('83.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已退款订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.refundOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->overOrderCount()','已完成订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(76).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">已完成订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.overOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->orderUserNumber()','下单人数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(77).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">下单人数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.orderUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->orderGoodsNumber()','下单商品种数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(78).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">下单商品种数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.orderGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->orderGoodsNum()','下单商品数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(79).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">下单商品数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.orderGoodsNum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->cartOrderCount()','购物车订单数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('组 1(80).png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">购物车订单数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.cartOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->payOrderCount()','付款订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('84.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">付款订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.payOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newOrderCount()','新增商城订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('85.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增商城订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newLuckOrderCount()','新增抽奖订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('86.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增抽奖订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newLuckOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newAssistOrderCount()','新增任务宝订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('87.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增任务宝订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newAssistOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newLiveOrderCount()','新增直播订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('88.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增直播订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newLiveOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newBalanceOrderCount()','新增余额充值订单')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('89.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增余额充值订单</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newBalanceOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newHxOrderCount()','新增核销订单总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('90.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增核销订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newHxOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newZtOrderCount()','新增自提订单总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('91.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增自提订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newZtOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newKdOrderCount()','新增快递订单总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('92.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增快递订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newKdOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newKamMiOrderCount()','新增卡密订单总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('93.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增卡密订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newKamMiOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newPwOrderCount()','新增票务订单总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('94.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增票务订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newPwOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newGroupOrderCount()','新增拼团订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('95.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增拼团订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newGroupOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newSpikeOrderCount()','新增秒杀订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('96.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增秒杀订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newSpikeOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newKjOrderCount()','新增砍价订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('97.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增砍价订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newKjOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newRefundOrderCount()','新增已退款订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('98.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增已退款订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newRefundOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newOverOrderCount()','新增已完成订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('99.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增已完成订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newOverOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
          <div class="form-view" @click="gsSelect('$model->newPayOrderCount()','新增付款订单数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('100.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增付款订单数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newPayOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newOrderUserNumber()','新增下单人数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('101.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增下单人数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newOrderUserNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newOrderGoodsNumber()','新增下单商品种数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('102.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增下单商品种数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newOrderGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newOrderGoodsNum()','新增下单商品数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('103.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增下单商品数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newOrderGoodsNum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->orderPayGoodsNumber()','付款商品件数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('107.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">付款商品件数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.orderPayGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newOrderPayGoodsNumber()','新增付款商品件数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('104.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增付款商品件数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newOrderPayGoodsNumber}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
        <div class="form-view" @click="gsSelect('$model->newCartOrderCount()','新增购物车订单数量')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('105.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增购物车订单数量</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newCartOrderCount}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
         <div class="form-view" @click="gsSelect('$model->newOrderCountSum()','新增订单总数')">
              <img style="width:40px;height:40px;cursor: pointer;" :src="getPath('106.png')">
                <div style="padding:10px;cursor: pointer;">
                  <div style="font-weight: bold;font-size: 14px;">新增订单总数</div>
                  <div style="font-weight: bold;font-size: 16px;">{{formData6.newOrderCountSum}}</div>
                  <div style="font-weight: bold;font-size: 12px;color:#B6B7C6;"> 更新中</div>
                </div>
        </div>
       </div>
      </div>
    </div>
  </div>
</template>
<script>
  import ChooseFiles from '@/components/ChooseFiles/index'
import {
    transactionData,userStatistics,dealerStatistics,businessStatistics,goodsStatistics,orderStatistics,getSelfData,saveData,statisticsSet,statisticsSave
} from '@/api/basicdata'
export default {
   components: {
        ChooseFiles,
      },
  created () {
    this.transactionDatabtn1()
    this.transactionDatabtn2()
    this.transactionDatabtn3()
    this.transactionDatabtn4()
    this.transactionDatabtn5()
    this.transactionDatabtn6()
    this.obtainbtn()
    this.statisticsSetbtn()
  },
   computed: {
    getPath() {
      return function(path) {
        return (path.includes('https://') || path.includes('http://')) ? `${path}` : require(`@/assets/shuju/${path}`)
      }
    },
    checkedBook(){
      return function(key) {
        console.log('(this.checked.indexOf(key) == -1) ? false : true',(this.checked.indexOf(key) == -1) ? false : true);
        return (this.checked.indexOf(key) == -1) ? false : true;
      }
    }
  },
  data() {
    return {
      // checked_data = [],
      chooseFilesImage: {
                type: ['image'],
                model: 'display',
                uploadConfig: {
                limit: 1,
                isMore: true,
                model: 'display'
                },
                isUnique: true,
                initList: [],
                isShowList: true,
                file_type: 'image',
                bindKey: {
                key: 'file',
                model: 'img'
                }
            },
            self_tableData:[],
            checked:[],
      visible1: false,
      visible2: false,
      visible3:false,
      data_update_time20:'',
      loss_user_date:'',
      potential_user_date_1:'',
      potential_user_date_2:'',
      active_user_date:'',
      active_user_order:'',
      num1:1,
      num2:1,
      num3:1,
      num4:1,
      num5:1,
      num6:1,
      num20:1,
      loading1:false,
      loading2:false,
      loading3:false,
      loading4:false,
      loading5:false,
      loading6:false,
      loading7:false,
      loading8:false,
      loading20:false,
      index:0,
      formula_arr:[],
      modify:false,
      modify_s:false,
      // pickerOptions: {
      //   disabledDate(time) {
      //     return time.getTime() < Date.now() - 8.64e7
      //   }
      // },
      formData:{
         time:[],
        checked:false,
      },
      tableData:[{
        name:'',
        formula:'',
        order:'',
        file:'',
        formula_arr:[]
      }],
      //交易统计
      formData1: {
        time:[],
        times:[],
        checked:false,
        data_update_time:'',
        totalTurnover:'',//总交易额
        orderBalanceTotalTurnover:'',//余额充值交易额
        orderPayPriceSum:'',//商品订单总金额
        goodsTurnover:'',//商品交易额
        memberCardTurnover:'',//会员卡交易额
        orderLuckTotalTurnover:'',//付费抽奖交易额
        orderLiveTotalTurnover:'',//付费直播申请交易额
        orderAssistTotalTurnover:'',//付费任务宝交易额
        kamMiTurnover:'',//卡密交易额
        spikeTurnover:'',//秒杀交易额
        groupTurnover:'',//拼团交易额
        bargainingTurnover:'',//砍价交易额
        weChatTurnover:'',//微信支付交易额
        aliPayTurnover:'',//	支付宝支付交易额
        adminTurnover:'',//后台支付交易额
        balanceTurnover:'',//余额支付交易额
        newOrderPayPriceSum:'',//新增商品订单总金额
        orderPayPrice:'',//商品订单付款金额
        orderPayUserNumber:'',//付款人数
      },
      //用户统计
      formData2:{
         time:[],
        checked:false,
        userNumberSum:'',//用户总数
        bindMobileUserNumber:'',//已绑定手机号用户数
        noBindMobileUserNumber:'',//未绑定手机号用户数
        weChatUserNumber:'',//公众号渠道用户数
        sAppUserNumber:'',//小程序渠道用户
        aliPayUserNumber:'',//支付宝渠道用户
        baiDuUserNumber:'',//百度小程序用户
        lossUserNumber:'',//流失用户
        potentialUserNumber:'',//潜在用户
        haveOrderUserNumber:'',//已下单用户数
        haveNotOrderUserNumber:'',//未下单用户数
        newUserNumber:'',//新用户数
        activeUserNumber:'',//活跃用户
        haveInWeChatUserNumber:'',//已关注公众号用户
        vipUserNumber:'',//会员用户总数
        newVipUserNumber:'',//新增会员用户总数
      },
      //分销统计
      formData3:{
        time:[],
        checked:false,
        dealerNumberSum:'',//分销商总数
        customerNumber:'',//客户总数
        dealerOrderNumber:'',//分销总订单数
        dealerFirstOrderNumber:'',//有一级佣金订单总数
        dealerSecondOrderNumber:'',//有二级佣金订单总数
        dealerThirdOrderNumber:'',//有三级佣金订单总数
        dealerSettledOrderCount:'',//已结算订单总数
        dealerUnSettledOrderCount:'',//未结算订单总数
        dealerOnSettledOrderCount:'',//结算中订单总数
        dealerSettledFirstOrderCount:'',//有一级佣金订单结算数
        dealerUnSettledFirstOrderCount:'',//有一级佣金订单未结算数
        dealerOnSettledFirstOrderCount:'',//有一级佣金订单结算中数
        dealerSettledSecondOrderCount:'',//有二级佣金订单结算数
        dealerUnSettledSecondOrderCount:'',//有二级佣金订单未结算数
        dealerOnSettledSecondOrderCount:'',//有二级佣金订单结算中数
        dealerSettledThirdOrderCount:'',//有三级佣金订单结算数
        dealerUnSettledThirdOrderCount:'',//有三级佣金订单未结算数
        dealerOnSettledThirdOrderCount:'',//有三级佣金订单结算中数
        dealerOrderMoney:'',//分销订单总金额	
        dealerOrderCommission:'',//分销佣金总金额
        settledDealerOrderCommission:'',//已结算分销总佣金
        unSettledDealerOrderCommission:'',//未结算分销总佣金
        onSettledDealerOrderCommission:'',//结算中分销总佣金
        dealerOrderFirstCommission:'',//分销一级佣金总金额
        settledDealerOrderFirstCommission:'',//已结算一级分销总佣金
        unSettledDealerOrderFirstCommission:'',//未结算一级分销总佣金
        onSettledDealerOrderFirstCommission:'',//结算中一级分销总佣金
        dealerOrderSecondCommission:'',//分销二级佣金总金额
        settledDealerOrderSecondCommission:'',//已结算二级分销总佣金
        unSettledDealerOrderSecondCommission:'',//未结算二级分销总佣金
        onSettledDealerOrderSecondCommission:'',//结算中二级分销总佣金
        dealerOrderThirdCommission:'',//分销三级佣金总金额
        settledDealerOrderThirdCommission:'',//已结算三级分销总佣金
        unSettledDealerOrderThirdCommission:'',//未结算三级分销总佣金
        onSettledDealerOrderThirdCommission:'',//结算中三级分销总佣金

        newDealerNumberSum:'',//分销商人数
        newCustomerNumber:'',//客户数
        newDealerOrderNumber:'',//分销总订单数
        newDealerFirstOrderNumber:'',//有一级佣金订单总数
        newDealerSecondOrderNumber:'',//有二级佣金订单总数
        newDealerThirdOrderNumber:'',//有三级佣金订单总数
        newDealerSettledOrderCount:'',//已结算订单总数
        newDealerUnSettledOrderCount:'',//未结算订单总数
        newDealerOnSettledOrderCount:'',//结算中订单总数
        newDealerSettledFirstOrderCount:'',//有一级佣金订单结算数
        newDealerUnSettledFirstOrderCount:'',//有一级佣金订单未结算数
        newDealerOnSettledFirstOrderCount:'',//有一级佣金订单结算中数
        newDealerSettledSecondOrderCount:'',//有二级佣金订单结算数
        newDealerUnSettledSecondOrderCount:'',//有二级佣金订单未结算数
        newDealerOnSettledSecondOrderCount:'',//有二级佣金订单结算中数
        newDealerSettledThirdOrderCount:'',//有三级佣金订单结算数
        newDealerUnSettledThirdOrderCount:'',//有三级佣金订单未结算数
        newDealerOnSettledThirdOrderCount:'',//有三级佣金订单结算中数
        newDealerOrderMoney:'',//分销订单总金额
        newDealerOrderCommission:'',//分销佣金总金额
        txDealerMoney:'',//分销提现申请金额
        txDealerMoney:'',//分销提现已打款金额
        txDealerCommission:'',//分销提现申请手续费
        txDealerCommission:'',//分销提现已打款手续费
        newSettledDealerOrderCommission:'',//新增已结算分销总佣金
        newUnSettledDealerOrderCommission:'',//新增未结算分销总佣金
        newOnSettledDealerOrderCommission:'',//新增结算中分销总佣金
        newDealerOrderFirstCommission:'',//新增分销一级佣金总金额
        newSettledDealerOrderFirstCommission:'',//已结算一级分销总佣金
        newUnSettledDealerOrderFirstCommission:'',//未结算一级分销总佣金
      },
      //商家统计
      formData4:{
         time:[],
        checked:false,
        businessCount:'',//商家总数
        storeCount:'',//门店数量
        salClerkCount:'',//店员数量
        verCodeNumber:'',//核销码总数
        hxVerCodeNumber:'',//已核销数量
        UnHxVerCodeNumber:'',//未核销数量
        selfCodeNumber:'',//自提码总数
        hxSelfCodeNumber:'',//已自提数量
        UnHxSelfCodeNumber:'',//未自提数量
        entryNumber:'',//入账数量
        entryMoney:'',//入账金额
        settlementNumber:'',//已结算数量
        UnSettlementNumber:'',//未结算数量
        settlementMoney:'',//已结算金额
        unSettlementMoney:'',//未结算金额
        businessBalance:'',//商家余额
        circleNumber:'',//商圈数
        businessClassNumber:'',//商家分类数量
        newBusinessCount:'',//门店数量
        newStoreCount:'',//商家总数
        newSalClerkCount:'',//店员数量
        newCircleNumber:'',//商圈数
        newBusinessClassNumber:'',//商家分类数量
      },
      //商品统计
      formData5:{
         time:[],
        checked:false,
        goodsNumber:'',//商品总数
        upGoodsNumber:'',//已上架商品总数
        downGoodsNumber:'',//已下架商品总数
        sellOutGoodsNumber:'',//已售罄商品总数
        hxGoodsNumber:'',//可核销商品
        ztGoodsNumber:'',//可自提商品
        kdGoodsNumber:'',//可快递商品
        giftGoodsNumber:'',//礼包商品数
        mealGoodsNumber:'',//套餐商品数
        kamMiGoodsNumber:'',//卡密商品数
        cgpGoodsNumber:'',//社区团购商品数
        ticketingGoodsNumber:'',//票务商品数
        classGoodsNumber:'',//商品分类数
        // goodsSalesSum:'',//商品总销量
        goodsStockSum:'',//商品总库存
        lookGoodsNumber:'',//商品浏览次量
        newGoodsNumber:'',//新增商品总数
        lookGoodsUserNumber:'',//浏览人数
      },
      //订单统计
      formData6:{
         time:[],
        checked:false,
        orderCountSum:'',//订单总数
        orderCount:'',//商城订单数
        luckOrderCount:'',//抽奖订单数
        assistOrderCount:'',//任务宝订单数
        liveOrderCount:'',//直播订单数
        balanceOrderCount:'',//余额充值订单数
        hxOrderCount:'',//核销订单总数
        ztOrderCount:'',//自提订单总数
        kdOrderCount:'',//快递订单总数
        kamMiOrderCount:'',//卡密订单总数
        pwOrderCount:'',//票务订单总数
        groupOrderCount:'',//拼团订单数
        spikeOrderCount:'',//秒杀订单数
        kjOrderCount:'',//砍价订单数
        refundOrderCount:'',//已退款订单数
        overOrderCount:'',//已完成订单数
        orderUserNumber:'',//下单人数
        orderGoodsNumber:'',//下单商品种数
        orderGoodsNum:'',//下单商品数量
        cartOrderCount:'',//购物车订单数量

        payOrderCount:'',//付款订单数
        newOrderCount:'',//商城订单数
        newLuckOrderCount:'',//抽奖订单数
        newAssistOrderCount:'',//任务宝订单数
        newLiveOrderCount:'',//直播订单数
        newBalanceOrderCount:'',//余额充值订单
        newHxOrderCount:'',//核销订单总数
        newZtOrderCount:'',//自提订单总数
        newKdOrderCount:'',//快递订单总数
        newKamMiOrderCount:'',//卡密订单总数
        newPwOrderCount:'',//票务订单总数
        newGroupOrderCount:'',//拼团订单数
        newSpikeOrderCount:'',//秒杀订单数
        newKjOrderCount:'',//砍价订单数
        newRefundOrderCount:'',//已退款订单数
        newOverOrderCount:'',//已完成订单数
        newPayOrderCount:'',//付款订单数
        newOrderUserNumber:'',//下单人数
        newOrderGoodsNumber:'',//下单商品种数
        newOrderGoodsNum:'',//下单商品数量
        orderPayGoodsNumber:'',//付款商品件数
        newOrderPayGoodsNumber:'',//付款商品件数
        newCartOrderCount:'',//购物车订单数量
        newOrderCountSum:'',//订单总数
      },
    };
  },
  methods: {     
    querybtn(type){
      console.log("2222222222222",type)
    },
    uploadColumn(index) {
            if(this.index!=index){
              return
            }
            this.$index = index
            this.$refs.chooseFiles.toggle()
          },
      // 点击图片出现弹窗
    uploadChange({ displayData = [] }) {
      this.tableData[this.$index].file = displayData
    },
    statisticsSetbtn(){
      statisticsSet().then(res=>{
        console.log("0000000000000",res)
        if(res.data.code==1){
          //流失用户
          
          this.loss_user_date = res.data.data.loss_user_date
          //潜在用户
          this.potential_user_date_1 = res.data.data.potential_user_date_1
          this.potential_user_date_2 = res.data.data.potential_user_date_2
          //活跃用户（X天内下单X笔）
          this.active_user_date = res.data.data.active_user_date
          this.active_user_order = res.data.data.active_user_order
        }
      })
    },
    quebtn(type){
      // console.log("14144444",type)
      if(type==1){
        statisticsSave({loss_user_date:this.loss_user_date}).then(res=>{
          if(res.data.code==1){
            this.visible1 = false
            this.$message.success(res.data.msg)
          }
        })
      }else if(type==2){
        statisticsSave({potential_user_date_1:this.potential_user_date_1,potential_user_date_2:this.potential_user_date_2}).then(res=>{
          if(res.data.code==1){
            this.visible2 = false
            this.$message.success(res.data.msg)
          }
        })
      }else{
          statisticsSave({active_user_date:this.active_user_date,active_user_order:this.active_user_order}).then(res=>{
          if(res.data.code==1){
            this.visible3 = false
            this.$message.success(res.data.msg)
          }
        })
      }
      
    },
    //
    tableRowClassName({row,rowIndex}){
      if(rowIndex!=this.index){
        return 'claddd'
      }
      // return ''
    },
    querybtn(type){
       this.loading20 = true
       this.num20 = type
      getSelfData({date_type:type}).then(res=>{
        if(res.data.code==1){
            this.loading20 = false
            this.data_update_time20 = res.data.data.data_update_time
            
            let data_update_time = res.data.data.data_update_time;
            delete res.data.data.data_update_time;
            res.data.data = Object.values(res.data.data)

          res.data.data.map((item,index) => {
            this.formula_arr[index] = item.formula_arr
            item.formula_arr = []
          })
        this.tableData = res.data.data;
        this.self_tableData =  JSON.parse(JSON.stringify(res.data.data));
        }
      })
    },
// 交易统计开始
    clickbnt1(type){
      this.loading1 = true
      this.num1=type
      console.log('2222222222222222222',this.formData1.num)
      transactionData({date_type:type}).then(res=>{
        if(res.data.code==1){
        this.loading1 = false
        this.formData1 = res.data.data
        }
      })
    },
    //更新数据
    updatabtn1(){
      this.loading1 = true
      transactionData({date_type:this.num1,update:1}).then(res=>{
        if(res.data.code==1){
        this.loading1 = false
        this.formData1 = res.data.data

        }
      })
    },
    updatabtn20(){
     this.loading20 = true
      getSelfData({update:1,date_type:this.num20}).then(res=>{
        if(res.data.code==1){
            this.data_update_time20 = res.data.data.data_update_time
            let data_update_time = res.data.data.data_update_time;
            delete res.data.data.data_update_time;
            res.data.data = Object.values(res.data.data)
          res.data.data.map((item,index) => {
            this.formula_arr[index] = item.formula_arr
            item.formula_arr = []
          })
        this.tableData = res.data.data;
        this.self_tableData =  JSON.parse(JSON.stringify(res.data.data));
            this.loading20 = false
        }
      })
    },
    //查询
    querybtn1(){
       let time = []
       this.loading1 = true
       this.formData1.time.map(item=>{
         time.push(new Date(item).getTime())
       })
      transactionData({time:time}).then(res=>{
        if(res.data.code==1){
        this.loading1 = false
        this.formData1 = res.data.data
        }
       
      })

    },
     querybtn20(){
       let time = []
        this.loading20 = true
          this.formData1.times.map(item=>{
         time.push(new Date(item).getTime())
       })
        getSelfData({time:time}).then(res=>{
       if(res.data.code==1){
            this.loading20 = false
            this.data_update_time20 = res.data.data.data_update_time
            
            let data_update_time = res.data.data.data_update_time;
            delete res.data.data.data_update_time;
            res.data.data = Object.values(res.data.data)

          res.data.data.map((item,index) => {
            this.formula_arr[index] = item.formula_arr
            item.formula_arr = []
          })
        this.tableData = res.data.data;
        this.self_tableData =  JSON.parse(JSON.stringify(res.data.data));
        }
      })

    },
//交易统计结束

//用户统计开始
    clickbnt2(type){
      this.loading2 = true
      this.num2 = type
      userStatistics({date_type:type}).then(res=>{
        if(res.data.code==1){
        this.loading2 = false
        this.formData2 = res.data.data

        }
      })
    },
     //更新数据
    updatabtn2(){
      this.loading2 = true
      userStatistics({date_type:this.num2,update:1}).then(res=>{
        if(res.data.code==1){
        this.loading2 = false
        this.formData2 = res.data.data

        }
      })
    },
    //查询
    querybtn2(){
       let time = []
       this.loading2 = true
       this.formData2.time.map(item=>{
         time.push(new Date(item).getTime())
       })
      userStatistics({time:time}).then(res=>{
        if(res.data.code==1){
        this.loading2 = false
        this.formData2 = res.data.data
        }
      })

    },
//用户统计结束

//分销统计开始
      clickbnt3(type){
          this.loading3 = true
          this.num3 = type
      dealerStatistics({date_type:type}).then(res=>{
         if(res.data.code==1){
        this.loading3 = false
        this.formData3 = res.data.data

         }
      })
    },
      //更新数据
    updatabtn3(){
      this.loading3 = true
      dealerStatistics({date_type:this.num3,update:1}).then(res=>{
        if(res.data.code==1){
        this.loading3 = false
        this.formData3 = res.data.data

        }
      })
    },
    //查询
    querybtn3(){
       let time = []
       this.loading3 = true
       this.formData3.time.map(item=>{
         time.push(new Date(item).getTime())
       })
      dealerStatistics({time:time}).then(res=>{
        if(res.data.code==1){
        this.loading3 = false
        this.formData3 = res.data.data
        }
      })

    },
//分销统计结束
//交易统计开始
     clickbnt4(type){
          this.loading4 = true
          this.num4 = type
      businessStatistics({date_type:type}).then(res=>{
         if(res.data.code==1){
        this.loading4 = false
        this.formData4 = res.data.data

         }
      })
    },
     //更新数据
    updatabtn4(){
      this.loading4 = true
      businessStatistics({date_type:this.num4,update:1}).then(res=>{
        if(res.data.code==1){
        this.loading4 = false
        this.formData4 = res.data.data
        }
      })
    },
    //查询
    querybtn4(){
       let time = []
       this.loading4 = true
       this.formData4.time.map(item=>{
         time.push(new Date(item).getTime())
       })
      businessStatistics({time:time}).then(res=>{
        if(res.data.code==1){
        this.loading4 = false
        this.formData4 = res.data.data
        }
      })
    },
//交易统计结束
// 商品统计开始
    clickbnt5(type){
      this.loading5 = true
      this.num5 = type
      goodsStatistics({date_type:type}).then(res=>{
         if(res.data.code==1){
        this.loading5 = false
        this.formData5 = res.data.data
         }
      })
    },
 //更新数据
    updatabtn5(){
      this.loading5 = true
      goodsStatistics({date_type:this.num5,update:1}).then(res=>{
        if(res.data.code==1){
        this.loading5 = false
        this.formData5 = res.data.data
        }
      })
    },
    //查询
    querybtn5(){
       let time = []
       this.loading5 = true
       this.formData5.time.map(item=>{
         time.push(new Date(item).getTime())
       })
      goodsStatistics({time:time}).then(res=>{
        if(res.data.code==1){
        this.loading5 = false
        this.formData5 = res.data.data
        }
      })
    },
// 商品统计结束
//订单统计开始
    clickbnt6(type){
      this.loading6 = true
      this.num6 = type
      orderStatistics({date_type:type}).then(res=>{
        if(res.data.code==1){
        this.loading6 = false
        this.formData6 = res.data.data
         }
      })
    },
    //更新数据
    updatabtn6(){
      this.loading6 = true
      orderStatistics({date_type:this.num6,update:1}).then(res=>{
        if(res.data.code==1){
        this.loading6 = false
        this.formData6 = res.data.data
        }
      })
    },
    //查询
    querybtn6(){
       let time = []
       this.loading6 = true
       this.formData6.time.map(item=>{
         time.push(new Date(item).getTime())
       })
      orderStatistics({time:time}).then(res=>{
        if(res.data.code==1){
        this.loading6 = false
        this.formData6 = res.data.data
        }
      })
    },
//订单统计结束

    transactionDatabtn1(){
      this.loading1 = true
      transactionData({date_type:1}).then(res=>{
        if(res.data.code==1){
        this.loading1 = false
        this.formData1 = res.data.data

        }
      })
    },
    transactionDatabtn2(){
      this.loading2 = true
      userStatistics({date_type:1}).then(res=>{
         if(res.data.code==1){
        this.loading2 = false
        this.formData2 = res.data.data

        }
      })
    },
    transactionDatabtn3(){
       this.loading3 = true
      dealerStatistics({date_type:1}).then(res=>{
         if(res.data.code==1){
        this.loading3 = false
        this.formData3 = res.data.data

        }
      })
    },
     transactionDatabtn4(){
        this.loading4 = true
      businessStatistics({date_type:1}).then(res=>{
         if(res.data.code==1){
        this.loading4 = false
        this.formData4 = res.data.data

        }
      })
    },
    transactionDatabtn5(){
       this.loading5 = true
      goodsStatistics({date_type:1}).then(res=>{
         if(res.data.code==1){
        this.loading5 = false
        this.formData5 = res.data.data

        }
      })
    },
    transactionDatabtn6(){
      this.loading6 = true
      orderStatistics({date_type:1}).then(res=>{
        if(res.data.code==1){
        this.loading6 = false
        this.formData6 = res.data.data

        }
      })
    },
     modifybtn(){
      this.modify==true?this.modify=false:this.modify=true
      // if(this.modify==true){
      //   this.formula_arr=[]
      // }
      this.obtainbtn()
    },
    gsSelect(key,name,info){
      info = info === true ? 'info' : info;
      this.formula_arr =[...this.formula_arr] 

      let fordata= {key,name,info}
      if(!!!this.formula_arr[this.index]){
          this.formula_arr[this.index] = []
          this.formula_arr = [...this.formula_arr]
      }
      this.formula_arr[this.index].push(fordata);
      this.checked.push(key)
      // this.checked = key
    },
    //添加数据项
    dataAdd(){
      
      this.tableData.push({ name:'',formula:'',order:'',file:''})
    },
    //列表删除
    datadel(scope){
      // this.formula_arr[this.index] = []
      this.formula_arr.splice(scope.$index,1)
      // console.log("**********//////////////",scop)
      this.tableData.splice(scope.$index,1)
    },
    //标签删除
    handleClose(tag) {
      this.formula_arr =[...this.formula_arr] 
        this.formula_arr[this.index].splice(this.formula_arr[this.index].indexOf(tag), 1);
      },
      //编辑
    editbtn(index){
      this.index = index
      this.modify_s = true
      this.formula_arr =[...this.formula_arr] 

    },
    //保存
    save(){
      this.tableData.map((res,index)=>{
        console.log("222222sssssssseeeeeeeeeeeee",res)
            if(!!this.formula_arr[index]){
              res.formula_arr = this.formula_arr[index]
              res.formula = '';
        console.log("222222sssssssseeeeeeeeeeeee",res)

              this.formula_arr[index].map(a=>{
                res.formula += a.key
              })
            }else{
              res.formula_arr = [];
            }
          })
      saveData({data:this.tableData}).then(ress=>{
        if(ress.data.code==1){
          this.$message.success("操作成功！")
          setTimeout(()=>{
            // this.$router.push('/');
            this.modify=false
            this.updatabtn20()
          },1000)
        }
      })
    },
    // 获取
    obtainbtn(){
      this.loading8 = true
      getSelfData({date_type:this.num20}).then(res=>{
        if(res.data.code==1){
            this.loading8 = false
            this.data_update_time20 = res.data.data.data_update_time
            
            let data_update_time = res.data.data.data_update_time;
            delete res.data.data.data_update_time;
            res.data.data = Object.values(res.data.data)

          res.data.data.map((item,index) => {
            this.formula_arr[index] = item.formula_arr
            item.formula_arr = []
          })
        this.tableData = res.data.data;
        this.self_tableData =  JSON.parse(JSON.stringify(res.data.data));
        }
      })
    },
    
  }
 
};
</script>
<style lang="scss" scoped>
/deep/.el-table .claddd{
   background: #f2f2f2;
}
/deep/.el-table .claddd2{
   background: red;
}

  .form-view{
    width: 380px;
    height: 100px;
    // background: blue;
    display:flex;
    align-items:center;
    margin: 10px;
    position: relative;
    
    //  :hover{
    // border: 1px solid rgb(26, 112, 216) ;
    // background:rgb(198, 222, 247);

  }
  $update: 50px;
  .update-load {
    display: inline-block;
    cursor: pointer;
    width: $update;
    height: $update;
    background: #fafbff;
    border: 1px dashed #c0ccda;
    color: #a8abb0;
    border-radius: 5px;

    i {
      font-size: 14px;
      color: #8c939d;
      width: $update;
      height: $update;
      line-height: $update;
      text-align: center;
    }
    .el-select-dropdown{
      max-width: 243px;
    }
    .el-select-dropdown__item{
      display:inline-block;
    }
    .el-select-dropdown__item span{
      min-width: 205px;
      display: inline-block;
    }
  
  }
  

 
</style>
